<script lang="ts" setup>
import type { DropdownMenuProps } from '@/components/Basic';

import { ChevronDown } from 'lucide-vue-next';
import { BasicDropdownMenu } from '@/components/Basic';

defineProps<DropdownMenuProps>();
</script>

<template>
  <BasicDropdownMenu :menus="menus" :modal="false">
    <div
      class="flex-center h-full cursor-pointer border-l border-border px-2 text-lg font-semibold text-muted-foreground hover:bg-muted hover:text-foreground"
    >
      <ChevronDown class="size-4" />
    </div>
  </BasicDropdownMenu>
</template>
